Ext.onReady(function() {
	// 欧凡教育协同办公系统
	//上head 
	var topPanel = Ext.create('Ext.panel.Panel', {
		region : 'north',
		margins: '0 0 0 0',
		height : 60,
		border:false,
		//html:''
		loader:{
			url:'/top/',
			contentType: 'html',
			autoLoad:true
		}
	});
	// 左menus
	var leftPanel = Ext.create('Ext.panel.Panel', {
		region : 'west',
		title : '系统菜单',
		width : 230,
		layout : 'accordion',
		collapseMode: 'mini', 
		collapsible : true,
		minWidth:180,
		maxWidth:300,
		split:true,
		autoScroll:true
	});
	// 右tabs 
	var rightPanel = Ext.create('Ext.tab.Panel', {
		region : 'center',
		enableTabScroll: true,
		activeTab:0,
		defaults:{
			autoScroll:true
		}, 
		items : [{
			title : '首页',
			iconCls: 'tabs',
			layout : {
				type:'fit'
			},
			//closable:true,
			html:'<iframe src="/index/"  style="border:0px none;height:100%; width:100%;" scrolling="auto"></iframe>'
		}]
	});
	// 组建树 
	var buildTree = function(json) {
		return Ext.create('Ext.tree.Panel', {
			rootVisible : false,
			border : false,
			store : Ext.create('Ext.data.TreeStore', {
				root : {
					expanded : true,
					children : json.children
				}
			}),
			listeners : {
				'itemclick' : function(view, record, item, index, e) {
					var id = record.get('id');
					var text = record.get('text');
					var leaf = record.get('leaf');
					var url = record.raw.url;//额外参数
					if (leaf) {
						
						var selectTab = rightPanel.getComponent('tab_'+id);
						if(selectTab){
							selectTab.show();
						}else{
							rightPanel.add({
				 				id:'tab_'+id, 
				 				title:text,  
				 				iconCls: 'tabs',
				 				layout : {
									type:'fit'
								},
								closable:true,
								html:'<iframe  src='+'/menu_request/'+url+'/'+'  style="border:0px none;height:100%; width:100%;" scrolling="auto"></iframe>'
							}).show();
						}

//						var activeTab = rightPanel.getComponent(id);
//						if(activeTab){
//							activeTab.show();
//						}else{
//							var new_tab=Ext.create('Ext.panel.Panel',{
//								id:id,
//								title:text,
//								//autoScroll: true,
//								closable:true,
//								layout:{
//									type:'card'
//								},
//								loader:{ 
//									url:'/menu_request/'+url+'/',
//									contentType: 'html',
//									autoLoad:true,
//									scripts: true
//								}
//							});
//							rightPanel.add(new_tab).show();						
//						}
					}
				}
			}
		});
	};
	// 加载菜单树 
	Ext.Ajax.request({
		url : '/menu/',
		method : 'post',
		success : function(response) {
			var json = Ext.JSON.decode(response.responseText);
			Ext.each(json.data, function(el) {
				var panel = Ext.create('Ext.panel.Panel', {
					id : el.id,
					title : el.text,
					layout : 'fit'
				});
				panel.add(buildTree(el));
				leftPanel.add(panel);
			});
		},
		failure : function(request) {
			Ext.MessageBox.show({
				title : '操作提示',
				msg : "连接服务器失败",
				buttons : Ext.MessageBox.OK,
				icon : Ext.MessageBox.ERROR
			});
		}
		
	});
	//bottom
	var bottomPanel=Ext.create('Ext.toolbar.Toolbar',{
        region:"south",
        //split:true,
        border:false,
        margins: '0 0 0 0',
        height:23,
        items:["今日时间："+Ext.util.Format.dateRenderer('Y-m-d')(new Date()),'->',"技术支持:<a href='mailto:smartpigling@sina.com' target='_blank' style='text-decoration:none;'><font color='#0000FF'>smartpigling@sina.com</font></a>  、   <a href='mailto:lisj@cqcis.com' target='_blank' style='text-decoration:none;'><font color='#0000FF'>lisj@cqcis.com</font></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"]
	})	
	//main布局
	var mainView=Ext.create('Ext.container.Viewport', {
		layout : 'border',
		split:true,
		renderTo : 'mainapp',
		items : [topPanel,leftPanel,rightPanel,bottomPanel]
	});

});